<?php
$mobile = !!(FALSE !== strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'mobile'));
?>
<?php if($mobile == 0) {?>
    <style>
        #web_background
        {
            position:relative;
            width: 600px;
            -webkit-transition-property: height;
            -webkit-transition-duration: .3s;
        }
        #google_img
        {
            position:absolute;
            width: 230px;
            left: 45px;
            top: 689px;
        }
        #ios_img
        {
            position:absolute;
            width: 240px;
            left: 328px;
            top: 687px;
        }
        #coupon_txt
        {
            position:absolute;
            text-align: center;
            font-size: 27px;
            font-weight: bold;
            width: 200px;
            height: 30px;
            top: 15px;
            left: 393px;
        }
    </style>
    <div>
        <?php echo $this->Html->image('webBackground5.png', array('id' => 'web_background'));?>
        <div id="coupon_txt"><?php echo 'loug8ii27bh4';?></div>
        <?php echo $this->Html->image('google.png', array(
            'alt' => 'Google',
            'id' => 'google_img',
            'url' => 'https://play.google.com/store/apps/details?id=air.edlll.com.a2xgames.A2XPuzzleKaKao'
        ));?>

        <?php echo $this->Html->image('ios.png', array(
            'alt' => 'IOS',
            'id' => 'ios_img',
            'url' => 'https://itunes.apple.com/kr/app/id849067945'
        ));?>
    </div>
<?php }?>

<?php if($mobile > 0) {?>
    <style>
        #web_background
        {
            position:relative; width: 100%;
            -webkit-transition-property: height;
            -webkit-transition-duration: .3s;
        }
        #google_img
        {
            position:absolute;
            width: 35%;
            left: 12.8%;
            top: 75.9%;
        }
        #ios_img
        {
            position:absolute;
            width: 37%;
            left: 54%;
            top: 75.6%;
        }
        #coupon_txt
        {
            position:absolute;
            text-align: center;
            font-size: 42px;
            font-weight: bold;
            width: 300px;
            height: 50px;
            top: 18px;
            left: 66.5%;
        }
    </style>
    <div>
        <?php echo $this->Html->image('webBackground5.png', array('id' => 'web_background'));?>
        <div id="coupon_txt"><?php echo 'loug8ii27bh4';?></div>
        <?php echo $this->Html->image('google.png', array(
            'alt' => 'Google',
            'id' => 'google_img',
            'url' => 'https://play.google.com/store/apps/details?id=air.edlll.com.a2xgames.A2XPuzzleKaKao'
        ));?>
        <?php echo $this->Html->image('ios.png', array(
            'alt' => 'IOS',
            'id' => 'ios_img',
            'url' => 'https://itunes.apple.com/kr/app/id849067945'
        ));?>
    </div>
<?php }?>